<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, user-scalable=no" />
<title>梦离路  - 点点滴滴 - 时光轴</title>
<link rel="shortcut icon" href="<%=basePath%>file/images/0017029564278191.jpg"
	type="image/x-icon">
<!--Layui-->
<link href="<%=basePath%>file/plug/layui/css/layui.css" rel="stylesheet" />
<!--font-awesome-->
<link href="<%=basePath%>file/plug/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" />
<!-- animate.css -->
<link href="<%=basePath%>file/css/animate.min.css" rel="stylesheet" />
<!--全局样式表-->
<link href="<%=basePath%>file/css/global.css" rel="stylesheet" />
<!-- 本页样式表 -->
<link href="<%=basePath%>file/css/timeline.css" rel="stylesheet" />
</head>
<body>
	<!-- 导航 -->
	<nav class="blog-nav layui-header">
	<div class="blog-container">
		<!-- QQ互联登陆 -->
		<a href="javascript:;" class="blog-user"> <i class="fa fa-qq"></i>
		</a> <a href="javascript:;" style="top:10px" class="blog-user layui-hide"> <img
			src="<%=basePath%>file/images/Absolutely.jpg" alt="Absolutely" title="Absolutely" />
		</a>
		<!-- 梦离路  -->
		<a class="blog-logo" href="../home/read">梦离路 </a>
		<!-- 导航菜单 -->
		<ul class="layui-nav" lay-filter="nav">
			<li class="layui-nav-item"><a href="../home/read"><i
					class="fa fa-home fa-fw"></i>&nbsp;网站首页</a></li>
			<li class="layui-nav-item"><a href="../article/read"><i
					class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a></li>
			<li class="layui-nav-item"><a href="../resource/read"><i
					class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a></li>
			<li class="layui-nav-item layui-this"><a href="read"><i
					class="fa fa-hourglass-half fa-fw"></i>&nbsp;点点滴滴</a></li>
			<li class="layui-nav-item"><a href="../about/read"><i
					class="fa fa-info fa-fw"></i>&nbsp;关于本站</a></li>
		</ul>
		<!-- 手机和平板的导航开关 -->
		<a class="blog-navicon" href="javascript:;"> <i
			class="fa fa-navicon"></i>
		</a>
	</div>
	</nav>
	<!-- 主体（一般只改变这里的内容） -->
	<div class="blog-body">
		<div class="blog-container">
			<blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
				<a href="../home/read" title="网站首页">网站首页</a> <a href="../time/read"
					title="点点滴滴">点点滴滴</a> <a><cite>笔记墙</cite></a>
			</blockquote>
			<div class="blog-main">
				<div class="child-nav shadow">
					<a href="../time/read" class="child-nav-btn">时光轴</a> 
					<a href="read" class="child-nav-btn child-nav-btn-this">笔记墙</a>
				</div>
				<div class="timeline-box shadow">
					<div class="timeline-main">
						<h1>
							<i class="fa fa-clock-o"></i>笔记墙<span> —— 记录生活每一天</span>
						</h1>
						<div class="timeline-line"></div>


						<c:set var="year" value="-1" scope="request" />
						<c:set var="mon" value="-1" scope="request" />
						<c:forEach items="${note_taking_wall}" var="note_taking_wall">
							<c:if test="${note_taking_wall.mon!=mon&&mon!=-1}">
									</ul>
								</div>
							</c:if>
							<c:if test="${note_taking_wall.year!=year&&year!=-1}">
								<c:if test="${note_taking_wall.mon==mon}">
									</ul>
								</div>
								</c:if>
								<c:set var="mon" value="-1" scope="request" />
								</div>
							</c:if>
							
							<c:if test="${note_taking_wall.year!=year}">
								<c:set var="year" value="${note_taking_wall.year}" scope="request" />
								<div class="timeline-year">
    								<h2>
        								<a class="yearToggle" href="javascript:;">${note_taking_wall.year}年</a>
        								<i class="fa fa-caret-down fa-fw"></i>
  									</h2>
							</c:if>
							
							<c:if test="${note_taking_wall.mon!=mon}">
								<c:set var="mon" value="${note_taking_wall.mon}" scope="request" />
								<div class="timeline-month">
        							<h3 class=" animated fadeInLeft">
            							<a class="monthToggle" href="javascript:;">${note_taking_wall.mon}月</a>
            							<i class="fa fa-caret-down fa-fw"></i>
        							</h3>
        							<ul>
							</c:if>
								<li class=" ">
                					<div class="h4  animated fadeInLeft">
                    					<p class="date">${note_taking_wall.gettime}</p>
                						</div>
                							<p class="dot-circle animated ">
                    							<i class="fa fa-dot-circle-o"></i>
                							</p>
                						<div class="content animated fadeInRight"><a>${note_taking_wall.title}</a></div>
                					<div class="clear"></div>
            					</li>
						</c:forEach>
									</ul>
								</div>
							</div>

						<h1 style="padding-top:4px;padding-bottom:2px;margin-top:40px;">
							<i class="fa fa-hourglass-end"></i>THE END
						</h1>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<footer class="blog-footer">
	<p>
		<span>Copyright</span><span>&copy;</span><span>2017</span><a
			href="http://www.lyblogs.cn">梦离路 </a><span>Design By LY</span>
	</p>
	<p>
		<a href="http://www.miibeian.gov.cn/" target="_blank">蜀ICP备18033075号-1</a>
	</p>
	</footer>
	<!--侧边导航-->
	<ul
		class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide"
		lay-filter="nav">
		<li class="layui-nav-item"><a href="../home/read"><i
				class="fa fa-home fa-fw"></i>&nbsp;网站首页</a></li>
		<li class="layui-nav-item"><a href="../article/read"><i
				class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a></li>
		<li class="layui-nav-item"><a href="../resource/read"><i
				class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a></li>
		<li class="layui-nav-item layui-this"><a href="read"><i
				class="fa fa-road fa-fw"></i>&nbsp;点点滴滴</a></li>
		<li class="layui-nav-item"><a href="../about/read"><i
				class="fa fa-info fa-fw"></i>&nbsp;关于本站</a></li>
	</ul>
	<!--分享窗体-->
	<div class="blog-share layui-hide">
		<div class="blog-share-body">
			<div style="width: 200px;height:100%;">
				<div class="bdsharebuttonbox">
					<a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a> <a
						class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a
						class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> <a
						class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
				</div>
			</div>
		</div>
	</div>
	<!--遮罩-->
	<div class="blog-mask animated layui-hide"></div>
	<!-- layui.js -->
	<script src="<%=basePath%>file/plug/layui/layui.js"></script>
	<!-- 全局脚本 -->
	<script src="<%=basePath%>file/js/global.js"></script>
	<!-- 本页脚本 -->
	<script type="text/javascript">
        layui.use('jquery', function () {
            var $ = layui.jquery;

            $(function () {
                $('.monthToggle').click(function () {
                    $(this).parent('h3').siblings('ul').slideToggle('slow');
                    $(this).siblings('i').toggleClass('fa-caret-down fa-caret-right');
                });
                $('.yearToggle').click(function () {
                    $(this).parent('h2').siblings('.timeline-month').slideToggle('slow');
                    $(this).siblings('i').toggleClass('fa-caret-down fa-caret-right');
                });
            });
        });
    </script>
</body>
</html>
</html>